.big{
    // width: 100%;
    // height: 100%;
    display: flex;
    // position: absolute;
}
.left{
 width:700px;
  height:1200px;
  background: #fff;  

 
}
.left p img{
    width: 640px;
    height: 500px;
   margin-left: 20px;
    
}
.left h1{
    font-size:17px;
   color: #000;
   font-weight:700;
}
.summer{
   font-size: 16px;
   color:'#000';
}
.view{
    font-size:16px;
    color:'#ccc';
}
.left button{
    width:100px;
    height: 35px;
    background: #f40a12;
    color:#fff;
   border: none;
    font-size: 17px;
}
.middle{
margin-left: 40%;
}
.buttonn p{
    font-size:16px;
    color:"#000";
    margin-left: 10%;
}
.buttonn p:hover{
color:rgb(246, 61, 120);
}
.right{
  
    width:400px;
    background: #fff;
     height:800px;
    position: fixed;
    margin-left:50%;
     
}
.itemList1{
    width:100%;
    height:150px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
  
    h2{
            font-size: 17px;
            font-weight: bold;
    }
    dl{
            display: flex;
            dt{
                    width: 25%;
                    height: 100%;
                    margin: 0 10px;
                    img{
                            width:100px;
                            height:100px;
                    }
            }
            dd{
                    line-height: 3;
                    margin-left: 30px;
                   span{
                           display: inline-block;
                           margin: 0 6px;
                           color: rgb(123, 121, 121);
                   }
            }
    }
}
.itemList1:hover{
    h2{
             color: rgb(246, 61, 120);
    }
}